<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网易考拉海购-首页</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
</head>
<body>
<div class="layout">
<!-- 最顶部（下载APP界面） -->
    <header class="index-header">
       <img src="https://haitao.nos.netease.com/ea3fe876692849b298f52947a45942e6.png">
       <div>
         <p>下载APP领1000元新人现金礼包</p>
         <p class="info">网易考拉海购-网易旗下 正品保障</p>
       </div>
       <a href="">立即打开</a>
    </header>
<!-- 搜索栏 -->
    <section class="index-search">
        <input type="text" placeholder="网易考拉购买">
        <a href="/html/search.html"></a>
    </section>


    <section class="test"></section>

<!-- 轮播图 -->   
    
    <script type="text/html" id="index-temp">
        <%if(result.slides){%>
          <div class="swiper-container index-loop">
                <div class="swiper-wrapper">
                   <%for(var i=0; i < result.slides.length;i++) {%>
                      <div class="swiper-slide">
                        <a href="<%=result.slides[i].link_url%>"></a>
                        <img src="<%=result.slides[i].image_url%>">
                      </div>
                   <%}%> 
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
          </div>
    <%}%>
<!-- 导航小图标 -->
        <ul class="index-nav">
            <%if(result.btn_navs){%>
                <%for(var i = 0;i < result.btn_navs.length;i++ ){%>
                    <li>
                      <a href="<%=result.btn_navs[i].nav_url%>">
                        <img src="<%=result.btn_navs[i].nav_icon%>" alt="">
                        <h3><%=result.btn_navs[i].nav_title%></h3>
                      </a>
                    </li>
                <%}%>
            <%}%>    
        </ul>
<!-- 商品栏 -->
       <h2 class="index-title">☆  全球精选好物</h2>
        <ul class="index-goods">
          {{if result.recommended_goods&&result.recommended_goods.list}}
            {{each result.recommended_goods.list}}
                <li>
                   <h3>满额减</h3>
                   <img src="{{$value['goods_image']}}">
                       <a href="" class="goods_name">{{$value['goods_name']}}</a>
                       <div class="mak-price ">国内价：￥<del>{{$value['goods_marketprice']}}</del></div>
                       <div class="act-price">售价：{{$value['goods_price']}}</div>
                   </div>
                </li>
            {{/each}}
          {{/if}}
        </ul>

    </script>

  
    
   
</div>
    <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/rem.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.js"></script>
    <script type="text/javascript" src="../js/html/template.js"></script>
	<script type="text/javascript" src="../js/html/index.js"></script>
</body>
</html>